<!doctype html>
<html>

<head>
    <link href="font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap/css/admin.css">
    <link rel="stylesheet" href="bootstrap/css/backoffice.css">
    <!-- Optional theme -->
    <link rel="stylesheet" href="bootstrap/css/style.css">
    <link rel="stylesheet" href="styles/style.css">
</head>

<center>

    <br>
    <br>
    <div class="content" id="content">
        <div class="col-md-12">
            <div class="row">
                <ul class="disconnection">
                    <ul class="logo_ul">
                        <li>
                            <img src="image/logo">
                        </li>
                    </ul>
                    <li><a href="/test">Visit front site </a>
                    </li>
                    <li>Bonjour M google@gmail.com
                    </li>
                    <li>
                        <a href=""><i class="fa fa-sign-out"></i></a>
                    </li>
                </ul>

            </div>
            <div>
                <br>
            </div>

            <div class="row Menu-h">
                <div class="col-md-3">
                    <div class="list-group">
                        <a href="#" class="list-group-item ">
                            <span class="glyphicon glyphicon-align-justify"></span>
                            Liste Des ***
                        </a>
                        <a href="#" class="list-group-item">
                            <span class="glyphicon glyphicon-align-justify"></span>
                            Liste Active</a>
                        <a href="#" class="list-group-item">
                            <span class="glyphicon glyphicon-align-justify"></span>
                            liste Desactive</a>
                        <a href="#" class="list-group-item active">
                            <span class="glyphicon glyphicon-plus-sign"></span>
                            Ajouter
                        </a>
                    </div>
                </div>
                <div class="col-md-8">
                    <h3 class='title_page'>Ajouter un Client</h3>
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="ch1" class="col-sm-2 control-label">Titre</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="ch1" placeholder="Titre groupe">
                                <input type="hidden" name="p">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ch1" class="col-sm-2 control-label">Titre</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="ch1" placeholder="Titre groupe">
                                <input type="hidden" name="p">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ch1" class="col-sm-2 control-label">Titre</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="ch1" placeholder="Titre groupe">
                                <input type="hidden" name="p">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ch1" class="col-sm-2 control-label">Titre</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="ch1" placeholder="Titre groupe">
                                <input type="hidden" name="p">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ch1" class="col-sm-2 control-label">Titre</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="ch1" placeholder="Titre groupe">
                                <input type="hidden" name="p">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Selection</label>
                            <div class="col-sm-10">

                                <select class="form-control">
                                    <option value="0">DesactivÃ©</option>
                                    <option value="1">Active</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="subbotton" class="col-sm-2 control-label"></label>
                            <div class="col-sm-10">
                                <input type="submit" class="form-control" id="subbotton" value="validation">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div style="position:relative">

            </div>
            <br>
            <sapn style='color:#FFF'>.</sapn>
            <div class="row">
                <ul class="disconnection">
                    <li><a href="/test">Visit front site </a>
                    </li>
                </ul>

            </div>


        </div>
        <a href="javascript:;">
        </a>
        <div class="row Menu-h">
        </div>
    </div>

</center>

</html>